// 判断客户端是否为PC端 2017/07/03 
function IsPC() {
    var userAgentInfo = window.navigator.userAgent;
    var Agents = ["Android", "iPhone","iPad", "iPod"];
    var flag = true;
    for (var i = 0; i < Agents.length; i++) {
        if (userAgentInfo.indexOf(Agents[i]) > 0) {
            flag = false;
            break;
        }
    }
    return flag;
}
// CSS加载成功之后再执行swiper插件js插件代码 2017/07/03
function loadSwiperJS(){
    var swiper = new Swiper(".swiper-container", {
        pagination: ".swiper-pagination",
        direction: "vertical",
        slidesPerView: 1,
        mousewheelControl: true
    });
}
$(function(){
    // 展示页面
    if(IsPC()){
        // 如果是PC端则移除移动端页面并加载PC端页面CSS样式
        $('#mobile_Client').remove();
        //在PC端上先将所有图片真实路径放在属性data-src里，登入页面时暂时不会加载图片，当判断
        // 结束后，如果是PC端就把data-src的属性值赋给src从而获取图片路径再载入图片 2017/07/03 
        $.each($('#PC_Client').find('img'),function(index,item){       
            $(this).attr("src",$(this).attr('data-src'));
            $(this).removeAttr('data-src');
        });
        var PCCss = $('<link>');
        PCCss.attr("rel","stylesheet");
        PCCss.attr("href","css/mhs.css");
        $('head').append(PCCss);
        loadSwiperJS();
    }else{
        // 如果是移动端则移除PC端页面并加载移动端页面CSS样式
        $('#PC_Client').remove();
        // 在head上添加自适应屏幕标签及属性
        var oMeta=$('<meta>');
        oMeta.attr('name','viewport');
        oMeta.attr('content','width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1');
        $('head').append(oMeta);
        // 移动端加载移动端页面CSS样式
        var mobileCss = $('<link>');
        mobileCss.attr("rel","stylesheet");
        mobileCss.attr("href","css/h5.css");
        $('head').append(mobileCss);
        loadSwiperJS();    
    }
});

    


